<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
    <Loading v-show="loading"></Loading>
  </div>
</template>
<script>
import { defineComponent } from '@vue/composition-api'
import { flexible } from '@/utils/flexible'
import '@/style/index.scss'
import { createLog } from './api/common'
import 'element-plus/dist/index.css'
export default defineComponent({
  setup() {
    const loading = ref(true)
    return {
      loading
    }
  },
  mounted(){
    flexible(window, document).then(() => {
      this.loading = false
    })
    createLog()
  },
})
</script>

<style lang="scss">
body {
  @apply bg-gray-50 dark:bg-gray-800;
}
.global-text {
  @apply text-gray-900 dark:text-gray-50;
}
</style>